<template>
  <div>
    <VantNavigationBar title="聊天"></VantNavigationBar>
    <div id="chatContainer"></div>
  </div>
</template>
<script>
import $ from 'jquery'
import './chatSocketAchex'
import VantNavigationBar from '@/components/Navbar'
export default {
  components: {
    VantNavigationBar,
  },
  mounted() {
    $('#chatContainer').ChatSocket({
      Room: 'RoomDeveloteca',
      pass: '1234',
      lblTitulChat: ' Chat Develoteca.com ',
      lblCampoEntrada: 'Menssage',
      lblEnviar: 'Send',
      textoAyuda: 'Develoteca',
      Nombre: 'Annimo',
      urlImg:
        'https://zh.wikipedia.org/zh-cn/File:Hanjack%E7%9A%84%E5%A4%B4%E5%83%8F.jpg',
      btnEntrar: 'btnEntrar',
      btnEnviar: 'btnEnviar',
      lblBtnEnviar: 'Enviar',
      lblTxtEntrar: 'txtEntrar',
      lblTxtEnviar: 'txtMensaje',
      lblBtnEntrar: 'Enter', // Joined button
      idDialogo: 'DialogoEntrada',
      classChat: '', // add class chat
      idOnline: 'ListaOnline', // id control users joined
      lblUsuariosOnline: 'Users joined', // text users online
      lblEntradaNombre: 'Name:',
      panelColor: 'info',
    })
  },
}
</script>
<style scoped></style>
